<template>
  <div id="messdetail">
    <div class="title">
      <h3>行业产品库</h3>
      <div class="tubiao">
        <div class="pp">
          <div class="text">点击蓝色关注：</div>
          <img src="../assets/shouzhi.png" alt="">
        </div>
        <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIyNTQ5NTYxNA==&scene=110#wechat_redirect">
          四川省闽南商会
        </a>
        <p>2015-04-10</p>
      </div>
    </div>
    <div class="content">
      <div class="renyuan">
        <div class="info">
          <span>胡一闽</span>
          <span>联系人</span>
        </div>
        <div class="info">
          <span>17311220816</span>
          <span>联系电话</span>
        </div>
      </div>
      <div class="text">
        <p>用PHP 语言；<br>基于开源系统08CMS二次开发； <br>调整行业和其他功能； <br>最好是北京的团队，方便沟通；<br> 详细需求需要进一步沟通确认。</p>
      </div>
    </div>
    <Footer/>
  </div>
</template>

<script>
import Footer from 'components/Footer'

export default {
  name: 'Messdetail',
  components: {
    Footer
  },
  created: function setTitle () {
    document.title = '项目合作信息'
  }
}
</script>

<style lang='scss' scoped>
#messdetail{
  height: 100%;
  padding: 8vw 3.46vw 0 3.46vw;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  .title{
    h3{
      font-size: 6.13vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(22,22,22,1);
      line-height: 10.13vw;
    }
    .tubiao{
    display: flex;
    align-items: center;
    margin-top: 3.33vw;
      .pp{
        display: flex;
        align-items: center;
        .text{
          font-size: 3.46vw;
          font-family: SourceHanSansCN-Regular;
          font-weight: 400;
          color: rgba(190,190,190,1);
          line-height: 5.2vw;
        }
        &:nth-child(1){
          margin-right: 4vw;
        }
        img{
          width: 3.6vw;
          height: 3vw;
        }
      }
      a{
        text-decoration: none;
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color:rgba(60,86,151,1);
        margin-right: 4vw;
      }
      p{
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color: rgba(190,190,190,1);
        line-height: 5.2vw;
      }
    }
  }
  .content{
    flex: 1;
    .renyuan{
      height: 20.8vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 12vw;
      margin-bottom: 4vw;
      .info{
        width: 44.53vw;
        height: 100%;
        background:rgba(242,242,242,1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 1vw 0;
        span{
          &:nth-child(1){
            font-size: 4.8vw;
            font-family: SourceHanSansCN-Bold;
            font-weight: bold;
            color: rgba(22,22,22,1);
          }
          &:nth-child(2){
            font-size: 4vw;
            font-family: SourceHanSansCN-Regular;
            font-weight: 400;
            color:rgba(104,104,104,1);
          }
        }
      }
    }
    .text{
      p{
        font-size: 4.26vw;
        font-family: SourceHanSansCN-Regular;
        font-weight:  400;
        color: rgba(104,104,104,1);
        line-height: 8.26vw;
      }
    }
  }
}
</style>
